A popular approach in JavaScript APIs these days is to pass a string that matches a property name as a parameter to some function. These are sometimes called ‘magic strings’ and they are very code smelly. In this article and video we will fix this…
Have you ever written platform specific code in NativeScript, whether it was JavaScript or CSS? Did it look like a giant -- statement? Or maybe you even separated out your platform specific code into separate functions, but you still needed…
Close your eyes for a moment and imagine yourself creating a modal dialog for a web application. Ok, I know, there are more exciting things to imagine, but roll with it for a moment. Got it? Now imagine creating a modal dialog in a NativeScript…
Working on a team that has given me the experience to create production NativeScript and Angular applications, I’ve been in the trenches and have seen real world scenarios that someone might come across while building an app. Hi, I’m Sean Perkins…
By this time, you likely have already had the experience of adding font icons to your web or mobile application. You can add nice graphics to spice up your interfaces and you can style the graphics with CSS, since they are just fonts. Libraries like…
This just happened to me and I was seriously confused. I'm used to getting a hold of the frame or injecting the into an Angular component constructor, but this time, they were missing! While working on an Angular demo for the new NativeScript…
During development, I prefer using a local backend that I quickly spin up along with my NativeScript apps. Why? It's easy, it's offline, it gives me more control, and it allows me to reason about my app in a more realistic way during development…
Converting fetch to HttpClient to make API calls is pretty straightforward. But sometimes it's not done correctly, especially when abusing the async pipe. It may be beneficial to use HttpClient instead of the good old global fetch API that lives in…
In this issue of I Script Native, Gokul, a NativeScripting student, asked how to detect and respond to URLs being loaded in a WebView component in NativeScript with Angular. As it happens, I've also recently been using these techniques myself when…
The mysterious async/await combination has been permeating JavaScriptland the for a bit now. You can use it in NativeScript too, but you need this little trick to get it working. Async/await works for either NativeScript Core, NativeScript with…
The time that we've all been waiting for has finally come. Ok, maybe the time that I've been waiting for... Big News NativeScript-Vue finally got TypeScript support! Here is the pull request by Manuel Saelices that made it possible. This news is…
Using class components in NativeScript-Vue with TypeScript? You need to know these five things. Warning: strong personal opinions follow, but there is no swearing ;) Right Direction Class Component Scaffolding Five Things About Class Components in…
NativeScript Vue Manual Routing Function Typing This tutorial will show you how to avoid TypeScript compilation errors when using NativeScript-Vue routing functions along with your TypeScript class-based components. TL;DR If you prefer a video…
The Vue wrapper component 'transition' is one of my favorite features in Vue. It allows us to animate showing and hiding components with 'v-show' or 'v-if' in an easy and declarative way. Basically, we can do to do something like: where will refer…
In this tutorial, you will learn how to create a large collapsible animated title on iOS — a native platform effect introduced in iOS 11. If you prefer a video tutorial, here's one for you: Introduction When iOS 11 came out, some of the apps that…
In this NativeScript tutorial, we'll show you how to add a collapsible Search Bar to your iOS app's Navigation Bar. Here's a video of the tutorial if you prefer a more visual medium: Introduction In a previous article, we showed you how to add large…